/* text pod obrázkom */
.mar_imgtext_right { float:right; margin:0 0 1em 1em; text-align:right; font-size:11px; font-weight:normal; }
.mar_imgtext_right span { display:block; margin:5px 5px 0 5px; }

/* FAQ formátovanie cez DL, DT, DD */
dl.faq dt { font-weight:bold; margin-bottom:0.3em; margin-top:1em; }
dl.faq dd { margin-bottom:1.5em; margin-left:10px; }


.txtbutton-magenta {
	background-image:url(/ImgCont/e-shop/btn/magenta.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:6px 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.txtbutton-magenta:hover {
	background-position:top;
	color:#FFFFFF;
}

/* promobox na LP */
#mar_lp_topbg { margin-left:-10px; margin-bottom:10px; }
#mar_lp_topbg_top {
	background:url(/ImgCont/e-shop/stabil/lp_topbg_top.jpg) no-repeat top left;
	width:700px;
	height:20px;
	padding:5px 10px;
	color:#FFF;
}
#mar_lp_topbg_bottom {
	background:url(/ImgCont/e-shop/stabil/lp_topbg_bottom.jpg) no-repeat bottom left;
	width:700px;
	padding:5px 10px 10px 10px;
	color:#666666 !important;
	position:relative;
}
.mar_fajky li {
	background-image:url(/ImgCont/e-shop/mini_icons/fajka_10.gif) !important;
	background-position:left /*55%*/ 3px !important;
	padding-left:16px !important;
	margin-left: .5em !important;
}

.mar_clearfix {
	content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
	font-size:1px;
	margin: 0;
	padding:0;
}


/* fix tabuliek */
table.shop_tabulka td { padding:5px 6px !important;}
.shop_hlavicka_nazov-stlpca-top { border-top-style:none !important; }
.shop_bunka_siva { background-color:#EDEDED; }
.shop_button_odkaz, .shop_button_odkaz:hover {
	font-size:10px;
	color:#666666;
	display:block;
	padding:5px;
	margin-top:5px;
}

.mar_tvtab_odsadenie { padding-left:5px; }

.shop_hlavicka_nazov-stlpca a,
.shop_hlavicka_nazov-stlpca-top a,
.shop_hlavicka_nazov-stlpca a:hover,
.shop_hlavicka_nazov-stlpca-top a:hover {
	font-size:11px;
	font-weight:normal;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	display:block;
	color:#666666;
}

/* box na info o nutnosti EF PDF */

#reddotc590 {
	display:block;
	width:390px;
	height:350px;
	overflow:hidden;
	background-image: url(/ImgCont/e-shop/reddotc590_bg.jpg);
	padding:50px 250px 0 20px;
}

#reddotc590 p {
	line-height:1.7em;
}

#mar_summer_efpdf {
	background-image: url(/ImgCont/e-shop/leto_2009/efpdf_background.gif);
	display: block;
	margin: 0px;
	height: 118px;
	width: 560px;
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 150px;
	overflow: hidden;
}

#ef_box {
	background-color: #EEEED6;
	background-image: url(/ImgCont/e-shop/efpdf_background2.gif);
	background-repeat: no-repeat;
	clear: both;
	width: inherit;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #BABD5A;
	border-bottom-color: #BABD5A;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#ef_box a {
	color: #696969;
}

/* lavy box na obsah napr. vedeli ste ze */

.mar_box_lavy {
	border: 1px solid #DCDCDC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#mar_box_lavy_nadpis {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -1px;
}

/* pravy box na obsah napr. FAQ */

.mar_box_pravy{
	margin-bottom:10px;
}

/* Promo panel - novy */

.mar_promopanel {
	margin-bottom:15px;
	width:254px;
	position:relative;
	overflow:visible;
}

.mar_promopanel_top {
	background-image: url(/ImgCont/e-shop/stabil/promopanel_top.jpg);
	width:254px;
	height:5px;
	font-size:1px;
}

.mar_promopanel_content {
	display:block;
	background-image: url(/ImgCont/e-shop/stabil/promopanel_bottom.jpg);
	background-attachment:scroll;
	background-position:bottom;
	width:236px;
	padding: 5px 9px 10px 9px;
}

.mar_promopanel_wide {
	margin-bottom:15px;
	width:540px;
	position:relative;
	overflow:visible;
}

.mar_promopanel_wide_top {
	background-image: url(/ImgCont/e-shop/stabil/promopanel_wide_top.jpg);
	width:540px;
	height:5px;
	font-size:1px;
}

.mar_promopanel_wide_content {
	display:block;
	background-image: url(/ImgCont/e-shop/stabil/promopanel_wide_bottom.jpg);
	background-attachment:scroll;
	background-position:bottom;
	width:522px;
	padding: 5px 9px 10px 9px;
}

.mar_promopanel h4, .mar_promopanel_wide h4 {
	margin-bottom:0.5em;
}

.mar_promopanel_l {
	float:left;
}

.mar_promopanel_r {
	float:right;
}


.mar_promopanel_label {
	position:absolute;
	right:0px;
	top:-1px;
}

p.mar_promopanel_button {
	margin-bottom:5px;
}

a.mar_promopanel_button {
	display:block;
	width:130px;
	height:25px;
	overflow:hidden;
	background-image:url(/ImgCont/e-shop/stabil/button_k_magenta.gif);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:top;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	clear:both;
}

a.mar_promopanel_button:hover {
	background-position:bottom;
	color:#FFF;
}

a.mar_button-blue {
	background-image:url(/ImgCont/e-shop/stabil/button_k_blue.gif);
	color:#262626;
}

a.mar_button-blue:hover {
	color:#333333;
}

a.mar_button-green {
	background-image:url(/ImgCont/e-shop/stabil/button_k_green.gif);
	color:#333333;
}

a.mar_button-green:hover {
	color:#333333;
}

a.mar_button-yellow {
	background-image:url(/ImgCont/e-shop/stabil/button_k_yellow.gif);
	color:#333333;
}

a.mar_button-yellow:hover {
	color:#333333;
}


/* end of Promo Box - novy */


/* boxy na promovanie akcii */

.mar_box_stredny {
	display: inline; /* display inline fixuje zdvojeny spodny margin v IE */
	float: left;
	width: 235px;
	margin-right: 10px;
	margin-left: 0px;
	border: 1px solid #DCDCDC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	overflow: hidden;
	height:230px;
	background-image: url(/ImgCont/e-shop/leto_2009/mar_box_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

a.mar_box_stredny_button {
	display: block;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	float: right;
	margin-right: 5px;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	font-size: 11px;
	margin-bottom: 5px;
}

a.mar_box_stredny_button:hover {
	color: #FFFFFF;
	background-color: #999999;
}

/* test */

.mar_nofloat {
	float:none !important
}

.mar_box_stredny_button {
	display:block;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	background-color:#666666;
	margin: 5 auto;
}


/* IE Fix - rovnomerne zarovnanie boxov */
.mar_box_stredny_wrap:after {
	content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.mar_box_stredny li {
	line-height: 13px;
}

.mar_box_stredny p {
	margin-bottom:0px !important;
}

/* tag cloud styly */

.tagcloud {
	vertical-align: baseline;
	display: block;
	text-align:center;
	clear:both;
}
.tagcloud a { margin:0 5px; line-height:0.7em; text-decoration:none; }
.tagcloud a:hover { color:#64B9E4; }

a.tag1 { color:#9F9F9F; font-size: 10px; }
a.tag2 { color:#888888; font-size: 12px; font-weight:bold; }
a.tag3 { color:#999999; font-size: 14px; }
a.tag4 { color:#999999; font-size: 15px; }
a.tag5 { color:#CCCCCC; font-size: 20px; }
a.tag6 { color:#BBBBBB; font-size: 25px; }
a.tag7 { color:#CCCCCC; font-size: 30px; }
a.tag8 { color:#CCCCCC; font-size: 35px; }
a.tag9 { color:#BBBBBB; font-size: 40px; }
a.tag10 { color:#AEAEAE; font-size: 45px; line-height:0.8em; }

/* end of tag cloud styly */

/* formátovanie dôležitého oznamu */

.mar_warningMsg {
	background-color:#FEE8B3;
	border:#FFCA08 solid 2px;
	padding:5px;
	color: #333333;
	margin-bottom: 20px;
}

/* end of formátovanie dôležitého oznamu */

/* stranka programy magio internetu */

.mar_programy_10-eur {
	background-color:#FFCA08;
	display:block;
	width:60px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	cursor: help;
}

/* end of stranka programy magio internetu */


/* tlacidlá */

.mar_bttn {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_l_magenta.png);
	background-position: left top;
	display: block;
	height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width:auto;
	overflow-x: hidden;
	overflow-y: hidden;

}
.mar_bttn span {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_r_magenta.png);
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	padding: 0px 12px 0 0;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:bottom;
	font-weight: bold;
	color: #FFF;
	width: auto;
	background-attachment: scroll;
	float: left;
	line-height: 25px;
	text-decoration: none;
}

.mar_bttn:hover {
	background-position: left bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.mar_bttn:hover span {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mar_green {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_l_green.png);
}

.mar_green span {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_r_green.png);
}

.mar_blue {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_l_blue.png);
}

.mar_blue span {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_r_blue.png);
}

.mar_gray {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_l_gray.png);
}

.mar_gray span {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_r_gray.png);
}

.mar_yellow {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_l_yellow.png);
}

.mar_yellow span {
	background-image: url(/ImgCont/e-shop/stabil/buttonbg_r_yellow.png);
	color: #333333;
}

/* end of tlacidlá */



/* XBOX specific styles */

.xbox #contentWrap {
padding-bottom: 0;
float: none;
margin: 0 7px;
width: 950px;
}

.xbox p {
margin-bottom: 0;
}

.xbox #content-page {
width:730px;
float: left;
display:inline;
background: url(/Documents/xbox/bg_gradient.gif) repeat-x;
margin: 0 0 0 5px;
}

.xbox #subNavi {
float:right;
margin:0 5px 0 0;
width:220px;
clear: right;
background: url(/Documents/xbox/bg_gradient.gif) repeat-x;
}

.xbox_promo_text {
margin: 10px 0 0 10px;
padding: 5px 35px 5px 10px;
height: 80px;
border-bottom: 1px solid #ccc;
}

.xbox_promo_text img {
float: left;
margin-right: 20px;
}

#xbox_img1 h4 {
font-size: 1.8em;
}

.xbox_stripe {
display: block;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #333;
padding: 1px 5px;
}

.xbox_games {
height: 135px;
width: 320px;
float: left;
}

#xbox_games_list {
width: 320px;
overflow: hidden;
margin-bottom: 10px;
}

#game_toggle {
display: none;
}

.xbox_accessory {
height: 105px;
}

.float_left {
float: left;
}

.xbox_games p, .xbox_games h4, .xbox_accessory p, .xbox_accessory h4 {
padding: 0 5px 0 130px;
}

#top-panel {
margin: 0 7px;
}

#top-panel_games {
  left:35px;
  position:relative;
  top:-20px;
  width:350px;
}

#top-panel_buy {
position: absolute;
top: 205px;
left: 315px;
}

#top-panel_magio-internet {
position: absolute;
top: 230px;
left: 500px;
}

.xbox #q1_content {
width: 725px;
margin: 0;
}

.xbox .shop_tabulka td {
  vertical-align: top;
  padding: 5px;
}

.xbox .shop_tabulka p  {
  padding: 8px 0;
}

.external {
background: url(/Documents/xbox/external.gif) right top no-repeat;
padding: 0 13px 0 0;
}

.pdf {
background: url(/Documents/xbox/PDF.gif) right center no-repeat;
padding: 0 13px 0 0;
}

.price {
  font-weight: bold;
  color: #E20074;
}

.bold {
  font-weight: bold;
}

/* End of XBOX specific styles */


/* Start of TV box */

.promobox-092010 {
      width:520px;
      margin:10px -5px 0 -5px;
      padding:15px 15px 1px 15px;
      background-image:url(promobox-092010_550x470.png);
      background-repeat:no-repeat;
	  background-position:top;
	  overflow:visible;
}

.promobox-092010-end {
      width:550px;
      height:10px;
      margin:0 -5px 0 -5px;
      background-image:url(promobox-092010_550x10.png);
      background-repeat:no-repeat;
}

.promobox-092010 h4 {
	margin:0 0 20px 0;
}

.promobox-092010 > p:last-child {
	margin-bottom:0.7em;
}

/* END of TV box */

/* skrytie 3 urovne menu */
#header ul#navigation li.sel ul li:hover ul { display:none; position:absolute; top:33px; left:-2px; width:165px; height:auto; padding:0; border:1px solid #e0e0e0 }
/* end of skrytie 3 urovne menu */



/* CSS na vytvorenie boxu s podfarbením nadpisu pomocou css3 gradientu.
 * 
 * HTML boxu nižšie; šírku treba upravit cez css triedu alebo cez atribút style.
 * Nadpisom boxu môže byt h1, h2, h3, h4 - všetky sa oštýlujú rovnako.
 *

<div id="box-w-heading">
<h1>Nadpis</h1>
<div></div> <!-- TENTO DIV MUSI OSTAT PRAZDNY!!! -->
<div class="content">Obsah</div>
</div>

 *
 */

#box-w-heading {
	
	display:block;
	border:solid 1px #cccccc;
	padding:1px;
}

#box-w-heading .content {
	margin:10px 5px 10px 5px;
}

#box-w-heading > h1,
#box-w-heading > h2,
#box-w-heading > h3,
#box-w-heading > h4 {
	
	display:block;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #EDEDED 0%, #FFFFFF 50%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(50%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
	padding:10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
}

#box-w-heading > h1 + div,
#box-w-heading > h2 + div,
#box-w-heading > h3 + div,
#box-w-heading > h4 + div {
	background-color:#EDEDED; /* old browsers */
	background: -moz-linear-gradient(left, #EDEDED 0%, #FFFFFF 90%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EDEDED), color-stop(90%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#FFFFFF',GradientType=1 ); /* ie */
	width:auto;
	height:1px;
	content:"&nbsp;"
}

/* End: CSS na vytvorenie boxu s podfarbením nadpisu pomocou css3 gradientu. */

/* textové tlačítko */

.button-text-magenta {
  background-color: #E20074;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: inline-block;
  padding: 8px 15px;
  text-decoration: none;
}

.button-text-magenta:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

/* end of textové tlačítko */